/*---------------------------------------------------------------*/
/* GENERAL LAYOUT
/*---------------------------------------------------------------*/
#designarepanel #main{background: url(images/bg.png) repeat;border-bottom: 1px solid #377294;border-left:1px solid #063B5A;border-right:1px solid #D1E5EE;}
#designarepanel #content{background-color:#fff;border-left:1px solid #063B5A;float:left;font-family:"Lucida Grande", Sans-serif;margin-left:-1px;min-height:550px;width:530px;padding: 1px 36px 0;position: relative; float: left;}
#designarepanel #content .section{margin-bottom:25px;}
#designarepanel{position:relative;width:783px;z-index:0;margin:15px;}
#designarepanel #header{background:#EFF8FF url(images/header.png) repeat-x left top;height:140px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.save_bar_top{background: url(images/bg.png) repeat-x;border: none;height:35px;text-align:right;border-width:0 1px 1px;padding:10px 20px 0;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
#designarepanel #header .themetitle{
	background: url("images/divtt.png") no-repeat scroll 8px 15px transparent;
    float: left;
    height: 55px;
    margin: 42px 0 0 210px;
    padding-left: 20px;
    position: relative;
    width: 140px;
}
#designarepanel #header .themetitle h1{
	position: relative;
	float: left;
	color: #ceedfd;
	text-shadow: 0 1px 0 #073f58;
	height: 2px;
}
#designarepanel #header .themetitle h5{
	color: #fff;
	text-shadow: 0 1px 0 #073f58;

}
#designarepanel #header #getmore{
    float: left;
    width: 143px;
    height: 38px;
    margin: 54px 0 0 190px;
    position: relative;
}
#designarepanel #header #getmore .getmore{
    width: 143px;
    height: 38px;
    position: relative;
    float: left;
    display: block;
    background: url(images/getmore.png) 0 0;
}
#designarepanel #header #getmore .getmore:hover{
    width: 143px;
    height: 38px;
    position: relative;
    float: left;
    display: block;
    background: url(images/getmore.png) 0 -39px;
}
#designarepanel .option{padding-top:5px;}


/* CONTROLS */
#designarepanel #content .section-info .controls{-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;background:#FFF298;border:1px solid #ECD852;color:#424242;font-family:Tahoma, arial;font-size:14px;font-style:italic;line-height:1.5em;width:auto;margin:0 0 20px;padding:15px 20px;}
#designarepanel #content .section-checkbox .controls{width:25px !important;}
#designarepanel #content .section-color .controls{width:125px;}
#designarepanel #content .section .controls{float:left;width:563px;margin:0 15px 0 0; height: auto;}
#designarepanel #content .section-typography .controls{width:425px;}
#designarepanel #content .mini .explain{width:500px;}
#designarepanel .controls .of-typography-size,#designarepanel .controls .of-typography-style,#designarepanel .controls .of-border-width{float:left;width:80px;}
#designarepanel .mini .controls select,#designarepanel #content .section .mini .controls,#designarepanel .mini .controls input,#designarepanel #content .mini .controls{width:70px;}

/* EXPLAIN */
#designarepanel #content .section .explain{color:#999;float:left;font-size:11px;width:400px;padding:0;}
#designarepanel .group h2{border-bottom:3px solid #DDD;display:none;}
#designarepanel #content .section-typography .explain{width:120px;}
#designarepanel #content .section-checkbox .explain{width:500px !important;}
#designarepanel #content .section-color .explain{width:420px;}


/*---------------------------------------------------------------*/
/* NAVIGATION + LISTS
/*---------------------------------------------------------------*/
#designarepanel #of-nav{float:left;position:relative;width:179px;z-index:9999;left: -1px; top: -1px; }
#designarepanel #of-nav li{
	margin-bottom:0;
	background: #429cc4; /* Old browsers */
	background: -moz-linear-gradient(top, #429cc4 0%, #1b77a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#429cc4), color-stop(100%,#1b77a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #429cc4 0%,#1b77a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #429cc4 0%,#1b77a0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #429cc4 0%,#1b77a0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429cc4', endColorstr='#1b77a0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #429cc4 0%,#1b77a0 100%); /* W3C */ 
	width: 180px; 
	height: 51px;
	border-top: 1px solid #70bcde;
	border-bottom: 1px solid #0b5f84;
}
#designarepanel #of-nav ul li a:link,#of-nav ul li a:visited{color:#bde7fa;display:block;font-family:Century Gothic, Serif;font-size:13px;text-decoration:none;padding:15px 10px 12px 36px;text-shadow: 0 1px 0 #064f6f;}
#designarepanel #of-nav ul li.current a,#designarepanel #of-nav ul li.current a:hover{
color:#333;
border-top: none;
border-bottom: none;
}
#designarepanel #of-nav ul li a:hover{color:#fff;background: url(images/licurrent.png); width: 200px; height: 51px;}


/* GENERAL SETTINGS */
#designarepanel #of-nav ul li #item1 {background: url(images/settings.png) 12px 19px no-repeat;padding: 17px 0 0 42px; height: 35px;}
#designarepanel #of-nav ul li #item1:hover {background: url(images/licurrent.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}
#designarepanel #of-nav ul li.current #item1, #designarepanel #of-nav ul li.current #item1:hover {background: url(images/licurrent.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}

/* STYLING OPTIONS */
#designarepanel #of-nav ul li #item2 {background:url(images/style.png) 11px 15px no-repeat;padding: 17px 0 0 42px; height: 35px;}
#designarepanel #of-nav ul li #item2:hover {background: url(images/licurrent2.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff; border-top: none; border-bottom: none;padding: 17px 0 0 42px;}
#designarepanel #of-nav ul li.current #item2, #designarepanel #of-nav ul li.current #item2:hover {background: url(images/licurrent2.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}

/* TYPOGRAPHY */
#designarepanel #of-nav ul li #item3 {background:url(images/interface.png) 12px 17px no-repeat;padding: 17px 0 0 42px; height: 35px;}
#designarepanel #of-nav ul li #item3:hover {background: url(images/licurrent3.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}
#designarepanel #of-nav ul li.current #item3, #designarepanel #of-nav ul li.current #item3:hover {background: url(images/licurrent3.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}

/* INTERFACE OPTIONS */
#designarepanel #of-nav ul li #item4 {background:url(images/personal.png) 10px 13px no-repeat;padding: 17px 0 0 42px; height: 35px;}
#designarepanel #of-nav ul li #item4:hover {background: url(images/licurrent4.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}
#designarepanel #of-nav ul li.current #item4, #designarepanel #of-nav ul li.current #item4:hover {background: url(images/licurrent4.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}

/* FORM SETTINGS */
#designarepanel #of-nav ul li #item5 {background:url(images/slide.png) 11px 17px no-repeat; padding: 17px 0 0 42px; height: 35px;}
#designarepanel #of-nav ul li #item5:hover {background: url(images/licurrent5.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}
#designarepanel #of-nav ul li.current #item5, #designarepanel #of-nav ul li.current #item5:hover {background: url(images/licurrent5.png) 0 0 no-repeat; width: 159px; height: 35px; color: #fff;padding: 17px 0 0 42px;}




/*---------------------------------------------------------------*/
/* TYPOGRAPHY
/*---------------------------------------------------------------*/
#designarepanel #header .logo h2{font-style:normal;padding-left: 50px;background: url(images/icon_option.png) 0 75% no-repeat;}
#designarepanel #content .section h3.heading{border-bottom:1px dotted #DDD;margin:10px 0;padding:7px 0;color: #0e648e;}
#designarepanel #content .section-info .controls small,*:first-child+html #designarepanel #content .section .explain{font-size:12px;}
#designarepanel #content .section-info h3.heading{background:#EFE186;border:0;border-top:1px solid #FFF298;font-size:12px;font-weight:100;letter-spacing:1px;margin-bottom:0;margin-top:20px;padding:10px 20px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}







/*---------------------------------------------------------------*/
/* UPDATES + WARNINGS
/*---------------------------------------------------------------*/
.updated,.error{display:none !important;}
#designarepanel #js-warning{color:red;float:left;width:330px;margin:20px 10px;}
.js #designarepanel #js-warning,.hide{display:none;}
#designarepanel .accept{background:#DBF6BE no-repeat 10px center;border:solid #9BBF65;color:#060;font-weight:700;text-align:center;border-width:0 1px 1px;padding:10px;}
#designarepanel .warning{background:#fee no-repeat 10px center;border:solid #dfbfbf;color:#333;font-weight:700;text-align:center;border-width:0 1px 1px;padding:10px;}
#designarepanel .update_available{background:#FFFEEB no-repeat 10px center;border:solid #CCC;color:#333;font-weight:700;text-align:center;border-width:0 1px 1px;padding:10px;}
.upload-error{-moz-border-radius:4px;-webkit-border:4px;border-radius:4px;background:#FFDFEC;color:#666;float:left;font-size:10px;font-weight:700;text-decoration:none;text-shadow:1px 1px 0 #FFF;margin:0 10px 0 0;padding:3px 10px;}
.of-notice{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#ffd1d1;border:1px solid #DFA8A7;margin-bottom:15px;text-align:center;}






/*---------------------------------------------------------------*/
/* INPUT ELEMENTS
/*---------------------------------------------------------------*/
#designarepanel .controls select{width:340px;padding:0 0 0 4px;}
#designarepanel .controls textarea{width:345px;resize: none; color: #526d7a;}
#designarepanel input[type=text]{width:340px;color: #526d7a;}
#designarepanel .controls .of-typography-unit{float:left;width:50px;}
#designarepanel .controls .of-typography-face{float:left;width:100px;}
#designarepanel .controls .of-radio-img-img{border:3px solid #fff;cursor:pointer;display:none;float:left;margin:0 5px 10px 0;}
#designarepanel .controls .of-radio-img-selected{border:3px solid #ccc;}
#designarepanel .controls .of-radio-img-img:hover{opacity:.8;}
#designarepanel .controls .of-border-style{float:left;width:120px;}
#designarepanel .controls input:focus,#designarepanel select:focus,#designarepanel textarea:focus{background:#fff;}
#designarepanel textarea,#designarepanel input,#designarepanel select{
border-style:solid;border-width:1px;
-moz-border-radius:4px;-webkit-border:4px;border-radius:4px;
}
#designarepanel .controls input,#designarepanel .controls select,#designarepanel .controls textarea{background-color:#F4F4F4;border:1px solid;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;font-size:12px;margin-bottom:9px;width:340px;border-color:#ccc #e6e6e6 #e6e6e6 #ccc;padding:4px;}
#designarepanel .controls .input-text-small{margin-right:10px;width:60px;}
#designarepanel input.checkbox,#designarepanel input.of-radio{width:30px;}
#designarepanel .controls .checkbox{background-color:#FFF !important;border:0 !important;}
#designarepanel .section-select select {height:35px;}







/*---------------------------------------------------------------*/
/* CONTROLS + BUTTONS
/*---------------------------------------------------------------*/
.reset-button{float:left;}
.ajax-loading-img-top{float:left;margin:8px 4px 0;}
#designarepanel .of-save-popup{background:url(images/accept-bg.png) 0 0 no-repeat;color:#fff;display:none;font-size:24px;width:297px;height:78px;position:absolute;text-align:center;z-index: 999;}
#designarepanel .of-save-save{background:url(images/accept.png) 20px 50% no-repeat;padding:30px;}
#designarepanel .of-save-reset{background:url(images/warning.png) 20px 50% no-repeat;padding:30px;}
.upload_button_div{margin-bottom:10px;width: 200px; position: relative; float: right; top: 7px;}
.upload_button_div .button{
	cursor:pointer;padding:5px 12px;background: #eee; border: 1px solid #ccc; color: #797979;
}
.upload_button_div .image_reset_button{position: relative; float: right; right: 0; top: 40px; right: 128px;}
#designarepanel .button-primary {
	background: none repeat scroll 0 0 #87B528;
    border: 1px solid #C7EC7C;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    float: right;
    margin: 0;
    padding: 7px;
    position: relative;
    text-shadow: 0 1px 0 #63851C;
    top: -3px;
}
#designarepanel .submit-footer-reset{position: relative; float: right; right: 10px; color: red; padding: 5px; top: -4px; }
#designarepanel .submit-footer-reset .reset-button{
	background: none repeat scroll 0 0 #CD3838;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    letter-spacing: 0.3px;
    padding: 7px;
    position: relative;
    text-shadow: 0 1px 0 #700E0E;
    top: -5px;
    font-weight: bold;
}






/*---------------------------------------------------------------*/
/* MISC
/*---------------------------------------------------------------*/
/* #designarepanel .icon-option{background:url(images/icon_option.png) no-repeat;float:right;height:32px;margin:25px 20px;width:32px;} */
#designarepanel .meta-two{margin-right:10px;}
#designarepanel .controls .of-color{float:left;margin-left:5px;width:80px;}
#designarepanel .group{padding-bottom:20px;}
.of-option-image{max-width:340px;}








/*---------------------------------------------------------------*/
/* IE SPECIFIC
/*---------------------------------------------------------------*/
*:first-child+html .reset-button{margin-top:-24px;}
*:first-child+html #designarepanel .of-save-save,
*:first-child+html #designarepanel .of-save-reset{padding:30px 30px 30px 65px;}
